﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.4音乐设置</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_4音乐设置/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_4音乐设置/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u481" class="ax_default _二级标题">
        <div id="u481_div" class=""></div>
        <div id="u481_text" class="text ">
          <p><span>闹钟-首页</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u482" class="ax_default" data-left="42" data-top="88" data-width="376" data-height="646">

        <!-- Rectangle (矩形) -->
        <div id="u483" class="ax_default _形状" data-label="Rectangle">
          <div id="u483_div" class=""></div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u484" class="ax_default" data-left="42" data-top="88" data-width="376" data-height="39">

          <!-- Unnamed (矩形) -->
          <div id="u485" class="ax_default _形状">
            <div id="u485_div" class=""></div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u486" class="ax_default" data-left="49" data-top="103" data-width="46" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u487" class="ax_default _形状">
              <img id="u487_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u488" class="ax_default _形状">
              <img id="u488_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u489" class="ax_default _形状">
              <img id="u489_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u490" class="ax_default _形状">
              <img id="u490_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u491" class="ax_default _形状">
              <img id="u491_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u492" class="ax_default" data-left="48" data-top="99" data-width="363" data-height="17">

            <!-- Unnamed (形状) -->
            <div id="u493" class="ax_default icon">
              <img id="u493_img" class="img " src="images/1_1闹钟设定/u156.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u494" class="ax_default _形状">
              <div id="u494_div" class=""></div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u495" class="ax_default icon">
              <img id="u495_img" class="img " src="images/1_1闹钟设定/u158.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u496" class="ax_default _形状">
              <div id="u496_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u497" class="ax_default _形状">
              <div id="u497_div" class=""></div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u498" class="ax_default _文本段落" data-label="Header 2">
          <div id="u498_div" class=""></div>
          <div id="u498_text" class="text ">
            <p><span>中国移动</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u499" class="ax_default _文本段落" data-label="Header 2">
          <div id="u499_div" class=""></div>
          <div id="u499_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u500" class="ax_default _文本段落" data-label="Header 2">
          <div id="u500_div" class=""></div>
          <div id="u500_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u501" class="ax_default ellipse">
        <img id="u501_img" class="img " src="images/1_1闹钟设定/u184.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u502" class="ax_default _一级标题">
        <div id="u502_div" class=""></div>
        <div id="u502_text" class="text ">
          <p><span>22:30</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u503" class="ax_default ellipse">
        <img id="u503_img" class="img " src="images/1_1闹钟设定/u186.png"/>
        <div id="u503_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u504" class="ax_default ellipse">
        <img id="u504_img" class="img " src="images/1_1闹钟设定/u187.png"/>
        <div id="u504_text" class="text ">
          <p><span>学生模式</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u505" class="ax_default ellipse">
        <img id="u505_img" class="img " src="images/1_1闹钟设定/u187.png"/>
        <div id="u505_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u506" class="ax_default _连接线">
        <img id="u506_seg0" class="img " src="images/1_3日期设置/u372_seg0.png" alt="u506_seg0"/>
        <img id="u506_seg1" class="img " src="images/1_3日期设置/u372_seg1.png" alt="u506_seg1"/>
        <img id="u506_seg2" class="img " src="images/1_3日期设置/u372_seg2.png" alt="u506_seg2"/>
        <img id="u506_seg3" class="img " src="images/1_3日期设置/u372_seg3.png" alt="u506_seg3"/>
        <div id="u506_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u507" class="ax_default _连接线">
        <img id="u507_seg0" class="img " src="images/1_3日期设置/u373_seg0.png" alt="u507_seg0"/>
        <img id="u507_seg1" class="img " src="images/1_3日期设置/u373_seg1.png" alt="u507_seg1"/>
        <img id="u507_seg2" class="img " src="images/1_1闹钟设定/u190_seg2.png" alt="u507_seg2"/>
        <img id="u507_seg3" class="img " src="images/1_1闹钟设定/u190_seg3.png" alt="u507_seg3"/>
        <div id="u507_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u508" class="ax_default _连接线">
        <img id="u508_seg0" class="img " src="images/1_3日期设置/u374_seg0.png" alt="u508_seg0"/>
        <img id="u508_seg1" class="img " src="images/1_1闹钟设定/u241_seg1.png" alt="u508_seg1"/>
        <img id="u508_seg2" class="img " src="images/1_1闹钟设定/u241_seg2.png" alt="u508_seg2"/>
        <div id="u508_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u509" class="ax_default icon">
        <img id="u509_img" class="img " src="images/1_1闹钟设定/u262.png"/>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u510" class="ax_default" data-left="640" data-top="88" data-width="376" data-height="646">

        <!-- Rectangle (矩形) -->
        <div id="u511" class="ax_default _形状" data-label="Rectangle">
          <div id="u511_div" class=""></div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u512" class="ax_default" data-left="640" data-top="88" data-width="376" data-height="39">

          <!-- Unnamed (矩形) -->
          <div id="u513" class="ax_default _形状">
            <div id="u513_div" class=""></div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u514" class="ax_default" data-left="647" data-top="103" data-width="46" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u515" class="ax_default _形状">
              <img id="u515_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u516" class="ax_default _形状">
              <img id="u516_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u517" class="ax_default _形状">
              <img id="u517_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u518" class="ax_default _形状">
              <img id="u518_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u519" class="ax_default _形状">
              <img id="u519_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u520" class="ax_default" data-left="646" data-top="99" data-width="363" data-height="17">

            <!-- Unnamed (形状) -->
            <div id="u521" class="ax_default icon">
              <img id="u521_img" class="img " src="images/1_1闹钟设定/u156.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u522" class="ax_default _形状">
              <div id="u522_div" class=""></div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u523" class="ax_default icon">
              <img id="u523_img" class="img " src="images/1_1闹钟设定/u158.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u524" class="ax_default _形状">
              <div id="u524_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u525" class="ax_default _形状">
              <div id="u525_div" class=""></div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u526" class="ax_default _文本段落" data-label="Header 2">
          <div id="u526_div" class=""></div>
          <div id="u526_text" class="text ">
            <p><span>中国移动</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u527" class="ax_default _文本段落" data-label="Header 2">
          <div id="u527_div" class=""></div>
          <div id="u527_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u528" class="ax_default _文本段落" data-label="Header 2">
          <div id="u528_div" class=""></div>
          <div id="u528_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u529" class="ax_default" data-left="640" data-top="126" data-width="376" data-height="51">

        <!-- Rectangle (矩形) -->
        <div id="u530" class="ax_default _形状" data-label="Rectangle">
          <div id="u530_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u531" class="ax_default _二级标题">
        <div id="u531_div" class=""></div>
        <div id="u531_text" class="text ">
          <p><span>取消</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u532" class="ax_default _二级标题">
        <div id="u532_div" class=""></div>
        <div id="u532_text" class="text ">
          <p><span>完成</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u533" class="ax_default _二级标题">
        <div id="u533_div" class=""></div>
        <div id="u533_text" class="text ">
          <p><span>闹钟-设定中</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u534" class="ax_default _二级标题">
        <div id="u534_div" class=""></div>
        <div id="u534_text" class="text ">
          <p><span>我的闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u535" class="ax_default box_1">
        <div id="u535_div" class=""></div>
        <div id="u535_text" class="text ">
          <p><span>11&nbsp; &nbsp; &nbsp; 36</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u536" class="ax_default _二级标题">
        <div id="u536_div" class=""></div>
        <div id="u536_text" class="text ">
          <p><span>下午</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u537" class="ax_default _二级标题">
        <div id="u537_div" class=""></div>
        <div id="u537_text" class="text ">
          <p><span>上午</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u538" class="ax_default _文本段落">
        <div id="u538_div" class=""></div>
        <div id="u538_text" class="text ">
          <p><span>11&nbsp; &nbsp; &nbsp; 34</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u539" class="ax_default _文本段落">
        <div id="u539_div" class=""></div>
        <div id="u539_text" class="text ">
          <p><span>11&nbsp; &nbsp; &nbsp; 37</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u540" class="ax_default _文本段落">
        <div id="u540_div" class=""></div>
        <div id="u540_text" class="text ">
          <p><span>11&nbsp; &nbsp; &nbsp; 35</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u541" class="ax_default box_1">
        <div id="u541_div" class=""></div>
        <div id="u541_text" class="text ">
          <p><span>&nbsp;周期：</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u542" class="ax_default ellipse">
        <img id="u542_img" class="img " src="images/1_1闹钟设定/u204.png"/>
        <div id="u542_text" class="text ">
          <p><span>一</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u543" class="ax_default ellipse">
        <img id="u543_img" class="img " src="images/1_1闹钟设定/u205.png"/>
        <div id="u543_text" class="text ">
          <p><span>二</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u544" class="ax_default ellipse">
        <img id="u544_img" class="img " src="images/1_1闹钟设定/u205.png"/>
        <div id="u544_text" class="text ">
          <p><span>三</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u545" class="ax_default ellipse">
        <img id="u545_img" class="img " src="images/1_1闹钟设定/u205.png"/>
        <div id="u545_text" class="text ">
          <p><span>四</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u546" class="ax_default ellipse">
        <img id="u546_img" class="img " src="images/1_1闹钟设定/u205.png"/>
        <div id="u546_text" class="text ">
          <p><span>五</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u547" class="ax_default ellipse">
        <img id="u547_img" class="img " src="images/1_1闹钟设定/u205.png"/>
        <div id="u547_text" class="text ">
          <p><span>六</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u548" class="ax_default ellipse">
        <img id="u548_img" class="img " src="images/1_1闹钟设定/u205.png"/>
        <div id="u548_text" class="text ">
          <p><span>日</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u549" class="ax_default box_1">
        <div id="u549_div" class=""></div>
        <div id="u549_text" class="text ">
          <p><span>铃声：&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 快乐周末 </span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u550" class="ax_default icon">
        <img id="u550_img" class="img " src="images/1_1闹钟设定/u212.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u551" class="ax_default box_1">
        <div id="u551_div" class=""></div>
        <div id="u551_text" class="text ">
          <p><span>闪光模式：&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u552" class="ax_default box_1">
        <div id="u552_div" class=""></div>
        <div id="u552_text" class="text ">
          <p><span>稍后提醒：&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u553" class="ax_default image">
        <img id="u553_img" class="img " src="images/1_1闹钟设定/u240.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u554" class="ax_default ellipse">
        <img id="u554_img" class="img " src="images/1_1闹钟设定/u187.png"/>
        <div id="u554_text" class="text ">
          <p><span>学生模式</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u555" class="ax_default ellipse">
        <img id="u555_img" class="img " src="images/1_1闹钟设定/u186.png"/>
        <div id="u555_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u556" class="ax_default ellipse">
        <img id="u556_img" class="img " src="images/1_1闹钟设定/u187.png"/>
        <div id="u556_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u557" class="ax_default _文本段落" data-label="Header 2">
        <div id="u557_div" class=""></div>
        <div id="u557_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u558" class="ax_default _连接线">
        <img id="u558_seg0" class="img " src="images/1_3日期设置/u424_seg0.png" alt="u558_seg0"/>
        <img id="u558_seg1" class="img " src="images/1_1闹钟设定/u241_seg1.png" alt="u558_seg1"/>
        <img id="u558_seg2" class="img " src="images/1_3日期设置/u424_seg2.png" alt="u558_seg2"/>
        <div id="u558_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u559" class="ax_default image">
        <img id="u559_img" class="img " src="images/1_1闹钟设定/u240.png"/>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u560" class="ax_default" data-left="1181" data-top="85" data-width="376" data-height="646">

        <!-- Rectangle (矩形) -->
        <div id="u561" class="ax_default _形状" data-label="Rectangle">
          <div id="u561_div" class=""></div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u562" class="ax_default" data-left="1181" data-top="85" data-width="376" data-height="39">

          <!-- Unnamed (矩形) -->
          <div id="u563" class="ax_default _形状">
            <div id="u563_div" class=""></div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u564" class="ax_default" data-left="1188" data-top="100" data-width="46" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u565" class="ax_default _形状">
              <img id="u565_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u566" class="ax_default _形状">
              <img id="u566_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u567" class="ax_default _形状">
              <img id="u567_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u568" class="ax_default _形状">
              <img id="u568_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u569" class="ax_default _形状">
              <img id="u569_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u570" class="ax_default" data-left="1187" data-top="96" data-width="363" data-height="17">

            <!-- Unnamed (形状) -->
            <div id="u571" class="ax_default icon">
              <img id="u571_img" class="img " src="images/1_1闹钟设定/u156.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u572" class="ax_default _形状">
              <div id="u572_div" class=""></div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u573" class="ax_default icon">
              <img id="u573_img" class="img " src="images/1_1闹钟设定/u158.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u574" class="ax_default _形状">
              <div id="u574_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u575" class="ax_default _形状">
              <div id="u575_div" class=""></div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u576" class="ax_default _文本段落" data-label="Header 2">
          <div id="u576_div" class=""></div>
          <div id="u576_text" class="text ">
            <p><span>中国移动</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u577" class="ax_default _文本段落" data-label="Header 2">
          <div id="u577_div" class=""></div>
          <div id="u577_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u578" class="ax_default _文本段落" data-label="Header 2">
          <div id="u578_div" class=""></div>
          <div id="u578_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u579" class="ax_default _二级标题">
        <div id="u579_div" class=""></div>
        <div id="u579_text" class="text ">
          <p><span>闹钟-音乐设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u580" class="ax_default box_1">
        <div id="u580_div" class=""></div>
        <div id="u580_text" class="text ">
          <p style="font-size:13px;"><span style="font-size:18px;">&nbsp;&nbsp;&nbsp; 快乐周末&nbsp; </span><span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u581" class="ax_default _二级标题">
        <div id="u581_div" class=""></div>
        <div id="u581_text" class="text ">
          <p><span>闹钟铃声</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u582" class="ax_default box_1">
        <div id="u582_div" class=""></div>
        <div id="u582_text" class="text ">
          <p style="font-size:13px;"><span style="font-size:18px;">&nbsp;&nbsp;&nbsp; 欢乐颂&nbsp; </span><span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u583" class="ax_default box_1">
        <div id="u583_div" class=""></div>
        <div id="u583_text" class="text ">
          <p><span>&nbsp;&nbsp; 义勇军进行曲</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u584" class="ax_default box_1">
        <div id="u584_div" class=""></div>
        <div id="u584_text" class="text ">
          <p style="font-size:13px;"><span style="font-size:18px;">&nbsp;&nbsp;&nbsp; 国歌&nbsp; </span><span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u585" class="ax_default box_1">
        <div id="u585_div" class=""></div>
        <div id="u585_text" class="text ">
          <p style="font-size:13px;"><span style="font-size:18px;">&nbsp;&nbsp;&nbsp; 生日快乐歌</span><span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u586" class="ax_default box_1">
        <div id="u586_div" class=""></div>
        <div id="u586_text" class="text ">
          <p style="font-size:13px;"><span style="font-size:18px;">&nbsp;&nbsp;&nbsp; 小毛驴</span><span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u587" class="ax_default box_1">
        <div id="u587_div" class=""></div>
        <div id="u587_text" class="text ">
          <p style="font-size:13px;"><span style="font-size:18px;">&nbsp;&nbsp;&nbsp; 振动 </span><span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u588" class="ax_default icon">
        <img id="u588_img" class="img " src="images/1_4音乐设置/u588.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u589" class="ax_default icon">
        <img id="u589_img" class="img " src="images/1_4音乐设置/u589.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u590" class="ax_default box_1">
        <div id="u590_div" class=""></div>
        <div id="u590_text" class="text ">
          <p><span>搜索本地歌曲</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u591" class="ax_default icon">
        <img id="u591_img" class="img " src="images/1_4音乐设置/u591.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u592" class="ax_default _二级标题">
        <div id="u592_div" class=""></div>
        <div id="u592_text" class="text ">
          <p><span>闹钟-音乐设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u593" class="ax_default box_1">
        <img id="u593_img" class="img " src="images/1_4音乐设置/u593.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u594" class="ax_default _文本段落">
        <div id="u594_div" class=""></div>
        <div id="u594_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';">1. </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">先从【</span><span style="font-family:'ArialMT', 'Arial';">1.1 </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">闹钟</span><span style="font-family:'ArialMT', 'Arial';">-</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">首页】页面点击“闹钟”按键进入【</span><span style="font-family:'ArialMT', 'Arial';">1.1 </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">闹钟</span><span style="font-family:'ArialMT', 'Arial';">-</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">设定中】页面，再点击“铃声”按键，进入【闹钟-音乐设置】页面。</span></p><p><span style="font-family:'ArialMT', 'Arial';"><br></span></p><p><span style="font-family:'ArialMT', 'Arial';">2. </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">搜索栏：搜索本地音乐</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">点击搜索输入歌名，若歌曲已在手机内下载则直接点击歌曲作为铃声。</span></p><p><span style="font-family:'ArialMT', 'Arial';"><br></span></p><p><span style="font-family:'ArialMT', 'Arial';">3. </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">闹钟铃声：</span></p><p><span style="font-family:'ArialMT', 'Arial';">&nbsp;</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">当前选中音乐具有</span><span style="font-family:'ArialMT', 'Arial';">“</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">选中</span><span style="font-family:'ArialMT', 'Arial';">”</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">状态；</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">用户点击任一行，该行音乐为</span><span style="font-family:'ArialMT', 'Arial';">“</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">选中</span><span style="font-family:'ArialMT', 'Arial';">”</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">状态；</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">用户点击任一行非当前选中音乐，播放5秒该音乐，供用户选择。</span></p><p><span style="font-family:'ArialMT', 'Arial';"><br></span></p><p><span style="font-family:'ArialMT', 'Arial';">4.</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">振动：</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">用户可通过点击右边按钮来改变是否振动状态。</span></p><p><span style="font-family:'ArialMT', 'Arial';"><br></span></p><p><span style="font-family:'ArialMT', 'Arial';">5. </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">点击</span><span style="font-family:'ArialMT', 'Arial';">“</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">完成</span><span style="font-family:'ArialMT', 'Arial';">”</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">将当前选中音乐定为闹钟响起音乐，并退出回到【</span><span style="font-family:'ArialMT', 'Arial';">1.1</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">闹钟</span><span style="font-family:'ArialMT', 'Arial';">-</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">设定中】</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u595" class="ax_default ellipse">
        <img id="u595_img" class="img " src="images/1_1闹钟设定/u187.png"/>
        <div id="u595_text" class="text ">
          <p><span>学生模式</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u596" class="ax_default ellipse">
        <img id="u596_img" class="img " src="images/1_1闹钟设定/u186.png"/>
        <div id="u596_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u597" class="ax_default ellipse">
        <img id="u597_img" class="img " src="images/1_1闹钟设定/u187.png"/>
        <div id="u597_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u598" class="ax_default" data-left="1181" data-top="124" data-width="376" data-height="35">

        <!-- Rectangle (矩形) -->
        <div id="u599" class="ax_default _形状" data-label="Rectangle">
          <div id="u599_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u600" class="ax_default _文本段落">
        <div id="u600_div" class=""></div>
        <div id="u600_text" class="text ">
          <p><span>铃声</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u601" class="ax_default _二级标题">
        <div id="u601_div" class=""></div>
        <div id="u601_text" class="text ">
          <p><span>取消</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u602" class="ax_default _二级标题">
        <div id="u602_div" class=""></div>
        <div id="u602_text" class="text ">
          <p><span>完成</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u603" class="ax_default icon">
        <img id="u603_img" class="img " src="images/1_1闹钟设定/u264.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u604" class="ax_default icon">
        <img id="u604_img" class="img " src="images/1_1闹钟设定/u264.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u605" class="ax_default _文本段落" data-label="Header 2">
        <div id="u605_div" class=""></div>
        <div id="u605_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u606" class="ax_default icon">
        <img id="u606_img" class="img " src="images/1_1闹钟设定/u266.png"/>
      </div>
    </div>
  </body>
</html>
